<%--添加笔记的界面--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<style>
    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }
    .title{
        margin: auto;
    }
    .bac_border{
        width: 500px;
        height:700px;
        border: 8px solid #EEEEEE;
        margin: auto;
        padding: 15px;
    }
    .left{
        width: 80px;
        text-align: right;
        height: 80px;
    }
    #title{
        width: 290px;
        height: 43px;
        border: 1px solid #A6A6A6;
        border-radius: 5px;
        padding-left: 10px;
    }
    #content{
        width: 290px;
        height: 300px;
        border: 1px solid #A6A6A6;
        border-radius: 5px;
        padding-left: 10px;
    }
    #submit,#cancle{
        width: 100px;
        height: 30px;
        background-color:lightskyblue;
        align-content: center;
        border: 1px solid lightskyblue;
    }
    #submit{
        margin-right: 20px;
    }
    .end{
        margin-top: 80px;
        margin-bottom: 20px;
    }
    #content{
        width: 290px;
        height: 300px;
        border: 1px solid #A6A6A6;
        border-radius: 5px;
        padding-left: 10px;
    }
</style>
<head>
    <title>Title</title>
</head>
<body>
<%
    String usename= (String) session.getAttribute("usename");
%>
<div class="bac_border">
    <div class="title1"><p class="word" align="center">发布新笔记</p></div>
    <form action="${pageContext.request.contextPath}/addNoteServlet?usename=${usename}" method="post">
        <table class="table">
            <tr class="title">
                <td class="left"><label for="title">标题</label></td>
                <td class="right"><input type="text" name="title" id="title" placeholder="请输入标题"></td>
            </tr>
            <tr>
                <td class="left"><label >区域</label></td>
                <td class="td_bottom">
                    <input type="radio" name="type" value="游戏区" > 游戏区
                    <input type="radio" name="type" value="萌宠区" placeholder="请选择区域"> 萌宠区
                    <input type="radio" name="type" value="美食区" placeholder="请选择区域"> 美食区
                    <input type="radio" name="type" value="体育区" placeholder="请选择区域"> 体育区
                    <input type="radio" name="type" value="动漫区" placeholder="请选择区域"> 动漫区
                    <input type="radio" name="type" value="风景区" placeholder="请选择区域"> 风景区
                </td>
            </tr>
            <tr class="content">
                <td class="left"><label for="content">内容</label></td>
                <td class="right"><input type="content" name="content" id="content" placeholder="内容"></td>
            </tr>
            <div class="end" align="center" colspan="3" >
                <input type="submit" id="cancle" value="取消">
                <input type="submit" id="submit" value="提交">

            </div>

        </table>
    </form>
</div>
</body>
</html>
